マニュアル目次へ戻る

ウィジェット

ウィジェットは、キャストや出勤情報など、サイトに登録したデータを自動で表示する部品です。キャストを追加したり出勤を入力したりすると、ウィジェットの表示も自動で更新されます。

ウィジェットの種類

ウィジェットビルダーでの名前[外観]→[ウィジェット]での名前
在籍キャストCASTPRO: 在籍一覧CASTPRO: 在籍一覧
出勤スケジュールCASTPRO: 本日の出勤スケジュールCASTPRO: 本日の出勤スケジュール
クチコミレビューCASTPRO: クチコミレビュー一覧CASTPRO: クチコミレビュー一覧
新着情報CASTPRO: 新着情報CASTPRO: 新着情報
スライダーCASTPRO: スライダーCASTPRO: スライダー

配置のしかた

ページビルダーで配置する(CASTPRO ZETA)

動画:ビルダーでウィジェットを追加する流れ
  1. ビルダーの[エレメントを追加]→「動的要素」の[ウィジェット]を、置きたい場所へドラッグします。
  2. 一覧から使うウィジェットを選びます。
  3. 配置したウィジェットをクリックすると、右パネルに「ウィジェット設定」が表示されます。設定を変えるとプレビューにすぐ反映されます。
  4. ページを[保存]します。

オリジナルテーマで配置する

[外観]→[ウィジェット]
[外観]→[ウィジェット]

[外観]→[ウィジェット]で、CASTPROのウィジェットをテーマのウィジェットエリアに追加します。詳しくはテーマの有効化:オリジナルのテーマで使う場合を参照してください。


在籍キャスト(CASTPRO: 在籍一覧)

在籍一覧ウィジェット
在籍一覧ウィジェット
在籍一覧のウィジェット設定(全体)
在籍一覧のウィジェット設定(全体)

登録されているキャストを一覧で表示します。トップページの「PICK UP」「新人紹介」などにも使えます。

主な設定項目

項目内容
タイトル/サブタイトル一覧の上に表示する見出しと、その補足(例:PICK UP / 今月の注目キャスト)。
件数テキスト表示人数の案内文。{count} の部分が実際のキャスト人数に置き換わります(例:{count}人のキャストが見つかりました。)。空欄にすると既定の文言になります。
表示スタイル(PC)PCでの並べ方。1列、2列、3列、4列(デフォルト)のほか、画像と情報を左右に分ける「(sprit)」、横にスライドする「(slide)」などから選びます。
表示スタイル(モバイル)スマートフォンでの並べ方。
絞り込み(タイプ)「すべて表示」または特定のタイプ(例:PICK UP のみ表示、新人のみ表示)を選びます。キャストの「タイプ」と連動します。
最大表示件数表示する最大人数。
NO IMAGE画像キャストの画像が登録されていない場合に代わりに表示する画像。[NO IMAGE画像を選択]で設定します。

項目の表示設定

カードに表示する項目をON/OFFで切り替えます。

項目内容
一言コメント/店長コメント/女の子メッセージキャスト登録で入力した各コメント
メッセージボタンキャストへメッセージを送るボタン(会員機能)
出勤ステータス表示/出勤バッジ本日出勤中かどうかの表示
絞り込み&並び替え表示一覧の上に、訪問者が使える絞り込み・並び替えを表示
タイプ一覧を表示/タイプタグを表示タイプの一覧(絞り込み用)や、カードへのタイプタグの表示
いいねボタンハートの「いいね」ボタン(会員機能)
アバターアイコン丸型のアイコン画像
ページネーション人数が多いときのページ送り

設定例:トップページに「PICK UP」キャストを4人表示

  1. キャストの「タイプ」に「PICK UP」を作り、表示したいキャストにチェックを入れておきます。
  2. ウィジェットを配置し、タイトルを「PICK UP」、絞り込み(タイプ)を「PICK UP のみ表示」にします。
  3. 表示スタイル(PC)を「4列」、表示スタイル(モバイル)を「2列」にします。
  4. 絞り込み&並び替え表示・ページネーションなど、トップページに不要な項目をOFFにします。

出勤スケジュール(CASTPRO: 本日の出勤)

本日の出勤スケジュールウィジェット
本日の出勤スケジュールウィジェット
本日の出勤のウィジェット設定(全体)
本日の出勤のウィジェット設定(全体)

その日に出勤するキャストを表示します。入力は出勤スケジュールで行います。

主な設定項目

項目内容
タイトル/サブタイトル一覧の上に表示する見出し(例:本日の出勤)。
件数テキスト出勤人数の案内文。{count} の部分が出勤人数に置き換わります(例:出勤キャスト: {count}人)。空欄なら、日付に合わせた既定の表示(本日の出勤: ○人 など)になります。
表示スタイル(PC)/(モバイル)カードの並べ方(列数、sprit、slide など)。
絞り込み(タイプ)特定のタイプのキャストだけを表示します。
最大表示件数表示する最大人数。
項目の表示設定在籍キャストと同様に、カードに表示する項目を切り替えます。
NO IMAGE画像画像未登録のキャストに表示する代わりの画像。

出勤設定

項目内容
キャストの並び順
  • キャストの並び順と同じにする:[キャスト並び替え]の順番
  • 出勤開始時間の早い順
  • 任意の並び順:[出勤スケジュール]→[並び順]で、日ごとにドラッグ&ドロップで決めた順番
退勤済のキャストは、下部に移動ONにすると、すでに退勤時刻を過ぎたキャストを一覧の下の方へ移動します。
アクティブカラー出勤スケジュールの固定ページ(日付タブ付きの一覧)で、選択中の日付タブの背景色です。一覧部分を選択したときの設定に表示されます。

※ 出勤スケジュールの固定ページ(日付タブ付きの一覧)も、ビルダーで一覧部分を選択すると同じ項目で設定できます(アクティブカラーはこちらのみ)。

出勤スケジュール(固定ページ)の一覧を選択したところ
出勤スケジュール(固定ページ)の一覧を選択したところ
固定ページの一覧の設定パネル(全体・アクティブカラーを含む)
固定ページの一覧の設定パネル(全体・アクティブカラーを含む)

クチコミレビュー(CASTPRO: クチコミレビュー)

お客様から投稿されたクチコミのうち、新しいものを表示します。

主な設定項目

項目内容
タイトル一覧の上に表示する見出し。
表示件数表示するクチコミの件数。

ご注意


新着情報(CASTPRO: 新着情報)

新着情報ウィジェット
新着情報ウィジェット

WordPressの[投稿]で書いたお知らせ・ブログ記事の一覧を表示します。

主な設定項目

項目内容
タイトル/サブタイトル一覧の上に表示する見出し(例:NEWS / お知らせ)。
表示スタイル列数(1列がデフォルト)など。
絞り込み(カテゴリー)特定のカテゴリーの記事だけを表示します(例:「お知らせ」だけ)。
最大表示件数表示する記事の数。
アイキャッチ画像記事の画像を表示するか、表示する場合の大きさ(サムネイル/中/大)。
投稿日/カテゴリー/タグそれぞれの表示ON/OFF。
本文抜粋/抜粋文字数記事の書き出しを表示するかと、その文字数。
「すべて見る」ボタン記事一覧ページへのボタンを表示するか。

記事の追加・編集は、WordPressの[投稿]→[投稿を追加]で行います。


スライダー(CASTPRO: スライダー)

スライダーを配置した直後(まだスライドがありません)
スライダーを配置した直後(まだスライドがありません)

複数の画像・動画を、自動で切り替わるスライドショーで表示します。トップページのメインビジュアルやバナーに使えます。

スライドの登録

  1. スライダーを配置して選択します(最初は「まだスライドがありません」と表示されます)。
  2. 右パネル「スライド」の[アセットをアップロード]をクリックし、スライドに使う画像・動画を選びます。
  3. スライドごとに、画像の置換・動画の置換、リンク(別タブで開く)、ALTテキスト、表示/非表示を設定できます。

主な設定項目

項目内容
切り替えスピード次のスライドへ切り替わる間隔(ミリ秒)。初期値は 5000(5秒)です。
角丸設定スライダーの角の丸み。
表示設定[ページネーション](ページ送りの丸)と[ナビゲーション](前後の矢印)の表示ON/OFF。

スライダー全体の左右の位置(水平配置)は、「レイアウト」パネルから設定します。

マニュアル目次へ戻る